<!-- 头部搜索 -->
<template>
  <div class="header">
    <div class="search-box">
      <span>输入商品名称</span>
      <em>登录</em>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },

  components: {},

  computed: {},

  create () { },

  mounted () { },

  methods: {}
}

</script>
<style lang='scss' scoped>
@import "@/assets/scss/base.scss";
.header {
  width: 100%;
  background: $main;
  padding: 7px 40px 7px 10px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;

  .search-box {
    // width: 100%;
    height: 28px;
    text-align: center;
    span {
      width: 100%;
      height: 28px;
      line-height: 28px;
      // margin: 0 auto;
      background: $white;
      display: inline-block;
      border-radius: 15px;
      font-size: 12px;
      color: $lightgrey;
    }
    em {
      position: absolute;
      right: 8px;
      top: 10px;
      color: $white;
      font-size: 14px;
    }
  }
}
</style>